<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="author" content="http://jeesite.com/"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10"/>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">
    <script src="/static/jquery/jquery-3.4.0.min.js" type="text/javascript"></script>
    <script src="/static/jquery-validation/1.19.0/jquery.validate.min.js" type="text/javascript"></script>
    <link href="/static/bootstrap/2.3.1/css_default/bootstrap.min.css"
          type="text/css" rel="stylesheet"/>
    <link href="/static/bootstrap/2.3.1/awesome/font-awesome.min.css" type="text/css" rel="stylesheet"/>
    <link href="/static/common/jeesite.min.css" type="text/css" rel="stylesheet"/>
    <title>springboot测试登录</title>
    <meta name="decorator" content="blank"/>
    <style type="text/css">
        html, body, table {
            background-color: #f5f5f5;
            width: 100%;
            text-align: center;
        }

        .form-signin-heading {
            font-family: Helvetica, Georgia, Arial, sans-serif, 黑体;
            font-size: 36px;
            margin-bottom: 20px;
            color: #0663a2;
        }

        .form-signin {
            position: relative;
            text-align: left;
            width: 300px;
            padding: 25px 29px 29px;
            margin: 0 auto 20px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        }

        .form-signin .checkbox {
            margin-bottom: 10px;
            color: #0663a2;
        }

        .form-signin .input-label {
            font-size: 16px;
            line-height: 23px;
            color: #999;
        }

        .form-signin .input-block-level {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px;
            *width: 283px;
            *padding-bottom: 0;
            _padding: 7px 7px 9px 7px;
        }

        .form-signin .btn.btn-large {
            font-size: 16px;
        }

        .form-signin #themeSwitch {
            position: absolute;
            right: 15px;
            bottom: 10px;
        }

        .form-signin div.validateCode {
            padding-bottom: 15px;
        }

        .mid {
            vertical-align: middle;
        }

        .header {
            height: 80px;
            padding-top: 20px;
        }

        .alert {
            position: relative;
            width: 300px;
            margin: 0 auto;
            *padding-bottom: 0px;
        }

        label.error {
            background: none;
            width: 270px;
            font-weight: normal;
            color: inherit;
            margin: 0;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#loginForm").validate({
                rules: {
                    username:{
                        required: true,
                        minlength: 2,
                        maxlength: 50
                    },
                    password: {
                        required: true,
                        minlength: 3
                    }
                },
                messages: {
                    username: {required: "请填写用户名."}, password: {required: "请填写密码."}
                },
                errorLabelContainer: "#messageBox",
                errorPlacement: function (error, element) {
                    error.appendTo($("#loginError").parent());
                }
            });
        });
        // 如果在框架或在对话框中，则弹出提示并跳转到首页
        if (self.frameElement && self.frameElement.tagName == "IFRAME" || $('#left').length > 0 || $('.jbox').length > 0) {
            alert('未登录或登录超时。请重新登录，谢谢！');
            top.location = "/login";
        }
    </script>
</head>
<body>
<!--[if lte IE 6]><br/>
<div class='alert alert-block' style="text-align:left;padding-bottom:10px;"><a class="close" data-dismiss="alert">x</a>
    <h4>温馨提示：</h4>
    <p>你使用的浏览器版本过低。为了获得更好的浏览体验，我们强烈建议您 <a href="http://browsehappy.com" target="_blank">升级</a> 到最新版本的IE浏览器，或者使用较新版本的
        Chrome、Firefox、Safari 等。</p></div><![endif]-->
<div class="header">
    <div id="messageBox" class="alert alert-error hide">
        <button data-dismiss="alert" class="close">×</button>
        <label id="loginError" class="error"></label>
    </div>
</div>
<h1 class="form-signin-heading">springboot测试</h1>
<form id="loginForm" class="form-signin" action="/login" method="post">
    <label class="input-label" for="username">登录名</label>
    <input type="text" id="username" name="username" class="input-block-level required">
    <label class="input-label" for="password">密码</label>
    <input type="password" id="password" name="password" class="input-block-level required" autocomplete="off">
        <div class="validateCode">
            <label class="input-label mid">验证码</label>
        </div>
    <!--<label title="手机登录"><input type="checkbox" id="mobileLogin" name="mobileLogin"/></label>-->
    <input class="btn btn-large btn-primary" type="submit" value="登 录"/>&nbsp;&nbsp;
    <label for="rememberMe" title="下次不需要再登录"><input type="checkbox" id="rememberMe"
                                                    name="rememberMe"/>
        记住我（公共场所慎用）</label>
    <!--<div id="themeSwitch" class="dropdown">-->
        <!--<a class="dropdown-toggle" data-toggle="dropdown"-->
           <!--href="#">默认主题<b class="caret"></b></a>-->
        <!--<ul class="dropdown-menu">-->
            <!--&lt;!&ndash;<c:forEach items="${fns:getDictList('theme')}" var="dict">&ndash;&gt;-->
                <!--&lt;!&ndash;<li><a href="#"&ndash;&gt;-->
                       <!--&lt;!&ndash;onclick="location='${pageContext.request.contextPath}/theme/${dict.value}?url='+location.href">${dict.label}</a>&ndash;&gt;-->
                <!--&lt;!&ndash;</li>&ndash;&gt;-->
            <!--&lt;!&ndash;</c:forEach>&ndash;&gt;-->
        <!--</ul>-->
        <!--&lt;!&ndash;[if lte IE 6]>-->
        <!--<script type="text/javascript">$('#themeSwitch').hide();</script><![endif]&ndash;&gt;-->
    <!--</div>-->
</form>
<div class="footer">
    Copyright &copy; 2012-2030 <a href="${pageContext.request.contextPath}">springboot测试</a> -
    Powered By <a href="http://jeesite.com" target="_blank">JeeSite</a> 1.0
</div>
</body>
</html>